<!DOCTYPE html>
<html lang="en">
<head>  
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>梯梯</title>
    <link rel="stylesheet" href="layui/css/layui.css"/>
    <link rel="stylesheet" href="css/admin.css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
</head>   
<style>
</style>                               
<body>
    <!-- 布局容器 -->
    <div class="layui-layout layui-layout-admin">
        <!-- 头部 -->
        <div class="layui-header">
            <div class="layui-main">
				<div class="top-left">
					<!-- logo -->
					<a href="javascript:;" class="logo">         
          
                    </a>
				</div>
                <!-- 头部右侧操作 -->
                <ul class="layui-nav operate">
                    <li class="userName"> 
                        <!-- 用户名  -->
                        <a href="javascript:;" class="wap tuichu"><span class="iconfont icon-tuichu"></span>退出</a>
                    </li>
                    <li class="userName">
                     <a href="javascript:;"><i class="layui-icon">&#xe612;</i>    admin</a>
                    </li>
                </ul>
            </div>
        </div>

        <!--左侧导航-->
        <div class="layui-side layui-bg-black left-menu-all ">
            <div class="nav-top">               
            </div>
            <div class="layui-side-scroll">
            	<ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu" >
                   
                    <li class="layui-nav-item layui-this">
                     &emsp;&emsp;<span class="iconfont icon-zuzhiguanli"></span>
                        <a href="javascript:;" data-url="./pages/organization.html" data-id="1">组织管理</a>
                    </li>
                    <li class="layui-nav-item">
                     &emsp;&emsp;<span class="iconfont icon-dianti"></span>
                       <a href="javascript:;" data-url="./pages/lift.html" data-id="2">电梯管理</a>
                    </li>   
                     <li class="layui-nav-item">
                    &emsp; &emsp;<span class="iconfont icon-gonggaoguanli"></span>
                     
                         <a href="javascript:;" data-url="./pages/notice.html" data-id="3">公告管理</a> 
                    </li>     
                    <li class="layui-nav-item">
                    &emsp;&emsp;<span class="iconfont icon-fangke"></span>
                         <a href="javascript:;" data-url="./pages/visitor.html" data-id="4">访客管理</a> 
                    </li>   
                      <li class="layui-nav-item"> 
                     &emsp; &emsp;<span class="iconfont icon-erjidaohang-renwuguanli-caozuochaxun"></span>                
                         <a href="javascript:;" data-url="./pages/operation.html" data-id="5">操作管理</a> 
                    </li>     
                    <li class="layui-nav-item"> 
                     &emsp; &emsp;<span class="iconfont icon-erjidaohang-renwuguanli-caozuochaxun"></span>                
                         <a href="javascript:;" data-url="./pages/账单明细.html" data-id="6">账户明细</a> 
                    </li> 
                    <li class="layui-nav-item"> 
                     &emsp; &emsp;<span class="iconfont icon-icon-test"></span>                
                         <a href="javascript:;" data-url="./pages/account.html" data-id="7">物业账号</a> 
                    </li>                         
                </ul>
            </div>
        </div>		
        <!-- 主体 -->
        <div class="layui-body">
            <!-- 顶部切换卡 -->
            <div class="layui-tab layui-tab-card" lay-filter="top-tab" lay-allowClose="true">
                <ul class="layui-tab-title" id="demo"></ul>
                <div class="layui-tab-content"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="js/admin.js"></script>
    <script>
        layui.use(['jquery','form','layer'], function(){
            var $ = layui.jquery,
                layer = layui.layer,
                laypage = layui.laypage;
            // tuichu 
            $(document).on("click", ".tuichu", function() {
                layer.open({
                  title:"警告"
                  ,shade:false //遮罩透明度
                  ,content: '您确认退出当前账号吗？'
                  ,btn: ['取消', '确认']
                  ,yes: function(index, layero){
                       layer.closeAll();
                  }
                  ,btn2: function(index, layero){
                    $.ajax({
                        url: 'http://api.douban.com/v2/movie/in_theaters',
                        type: 'get',
                        dataType: 'jsonp',
                        data: {},
                    })
                    .done(function() {
                        console.log("success");
                    })
                    .fail(function() {
                        console.log("error");
                    });
                    //layer.msg('操作成功！',{time: 1000});
                  }
                });
            });

        });
    </script>
</body>
</html>